<template>
    <div>
        <!-- <h3>当前最新的count值为：{{count}}</h3> -->
        <h3>{{showNum}}</h3>
        <button @click="btnHander">-1</button>
        <button @click="subN(2)">-N</button>
        <button @click="subAsync">-1 Async</button>
        <button @click="subNAsync(3)">-N Async</button>
    </div>
</template>
<script>
// vuex的第二种方式
import { mapState, mapMutations, mapActions, mapGetters } from 'vuex'
export default {
    data() {
        return {}
    },
    computed: {
        ...mapState(['count']),
        ...mapGetters(['showNum'])
    },
    methods: {
        ...mapMutations(['sub','subN']),
        ...mapActions(['subAsync','subNAsync']),
        btnHander(){
            this.sub()
        },
    }
}
</script>